<template>
  <div class="classNav">
    <div class="content">
      <h2>{{title}}</h2>
      <i class="iconfont icon-redian"></i>
      <p>零距离看大咖，分享一线干货</p>
    </div>

    <div class="more">
      <span>更多</span>
      <i class="iconfont icon-gengduo"></i>
    </div>
  </div>
</template>

<script>
export default {
  props:["title"]
};
</script>

<style lang="scss" scoped>
.classNav {
    margin: 10px 0;
  display: flex;
  justify-content: space-between;
  .content {
    display: flex;
    align-items: center;
    .icon-redian {
      margin: 0 5px;

      color: rgb(255, 117, 117);
    }
  }
}
</style>